// 功能一代码
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import { findSubCategoryFilter } from '@/api/category'
export function useCategoryData () {
  const subCategoryData = ref({})
  const route = useRoute()
  async function loadSubData () {
    const res = await findSubCategoryFilter(route.params.id)
    subCategoryData.value = res.result
    // 品牌 subCategoryData.value.brands 没有'全部'分类 我们自己添加一个全部的分类
    // 在品牌list中的头上添加一个全部分类 unshift
    subCategoryData.value.brands.unshift({
      name: '全部',
      id: null
    })
    // 添加一个专门的字段selected来控制是否激活
    subCategoryData.value.saleProperties.forEach((item) => {
      item.properties.unshift({
        name: '全部',
        id: null
      })
      // 给每一个规格添加一个专门用来控制是否激活的字段 selected true 激活 false 不激活
      item.properties.forEach((item) => {
        item.selected = false
      })
    })
  }
  onMounted(() => {
    loadSubData()
  })
  return {
    subCategoryData
  }
}
